/*
 * @Author: your name
 * @Date: 2020-08-19 16:42:31
 * @LastEditTime: 2020-08-26 14:55:14
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \youlunzx\js\core.js
 */
window.actionEvents = {
    'click .detail': function(e, value, row, index) {
        console.log(index, row, 'dasjdasjasj')
        $('.table-box').hide()
        $('.text-content').show()
        $('.subMenus-text').show()
    },
}
$(function() {
    //中心成员点击的是那篇文章，目前获取到的sort是index（序号）
    $('.sub-msg-box').on('click', function(e) {
            var sort = ''
            for (var i = 0; i < $('.sub-msg-box').length; i++) {
                // console.log($('.sub-msg-box')[i], '-----', e.target, 'dom')
                if ($(this)[0] == $('.sub-msg-box')[i]) {
                    sort = i
                }
            }
            console.log(sort, 'sort')
            goto('personnel', 3, sort)
        })
        // var msgBox = document.querySelectorAll('.sub-msg-box')
        // document.querySelectorAll('.sub-msg-box').addEventListener('click', function() {
        //     for (var i = 0; i < $('.sub-msg-box').length; i++) {
        //         console.log($('.sub-msg-box')[i], '-----', e.target, 'dom')
        //         if (e.target == $('.sub-msg-box')[i]) {
        //             sort = i
        //         }
        //     }
        //     console.log(sort, 'sort')
        // }, true)
    var swiper = new Swiper('.swiper-container', {
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: {
            delay: 5000,
            disableOnInteraction: false,
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
    var url = window.location.href.split("/")
    var index = url[url.length - 1].split("=")[1] || 1
    $($('.text-box')[index - 1]).show().siblings('div').hide()
    nowMenus(index)
        // window.location.href = url.join("/")
    $($('.left-menus')[index - 1]).attr('style', 'background-color:#319CC3;')
    $('.left-menus').click(function() {
            showTable()

            var index = ''
            for (var i = 0; i < $('.left-menus').length; i++) {
                if ($('.left-menus')[i] == $(this)[0]) {
                    index = i
                }
            }
            nowMenus(index + 1)
            window.history.pushState({ status: 0 }, '', '?index=' + (index + 1))
            $(this).siblings('div').attr('style', 'background-color:#fff;')
            $(this).attr('style', 'background-color:#319CC3;')
            $($('.text-box')[index]).show().siblings('div').hide()
        })
        // $.post('http://wlyc.whut.edu.cn/admin/website/website/getWebsiteNavigation', function(data) {
        //     console.log(data, 'data')
        // })
    $('#table').bootstrapTable({
        columns: [{
            field: 'text',
            title: 'text'
        }, {
            field: 'time',
            title: 'time',
            // formatter: btnGroup(),
            // events: 'actionEvents'
        }],
        pageList: [2, 20, 50],
        pageSize: 2,
        onClickRow: function(row, $element) {
            $('.subMenus-text').show()
            $('.table-box').hide()
            $('.text-content').show()

            console.log(row) //这个是点击表格整行的时候触发的事件，row是整行的参数
        },
        data: [{
            text: '博士后研究人员进站审核表（在职人员、定向委培博士毕业生、现役军人使用）2018/12/13 ',
            time: '2020/05/29'
        }, {
            text: '博士后研究人员进站审核表（在职人员、定向委培博士毕业生、现役军人使用）2018/12/13 ',
            time: '2020/05/29'
        }, {
            text: '博士后研究人员进站审核表（在职人员、定向委培博士毕业生、现役军人使用）2018/12/13 ',
            time: '2020/05/29'
        }, {
            text: '博士后研究人员进站审核表（在职人员、定向委培博士毕业生、现役军人使用）2018/12/13',
            time: '2020/05/29'
        }, {
            text: '博士后研究人员进站审核表（在职人员、定向委培博士毕业生、现役军人使用）2018/12/13 5',
            time: '2020/05/29'
        }, {
            text: '博士后研究人员进站审核表（在职人员、定向委培博士毕业生、现役军人使用）2018/12/13 6',
            time: '2020/05/29'
        }, {
            text: '博士后研究人员进站审核表（在职人员、定向委培博士毕业生、现役军人使用）2018/12/13 7',
            time: '2020/05/29'
        }, {
            text: '博士后研究人员进站审核表（在职人员、定向委培博士毕业生、现役军人使用）2018/12/13 8',
            time: '2020/05/29'
        }]
    })
    $('#twoTable').bootstrapTable({
        columns: [{
            field: 'id',
            title: '产品编号'
        }, {
            field: 'price',
            title: '产品名称'
        }, {
            field: 'price',
            title: '产品介绍'
        }, {
            field: 'price',
            title: '产品负责人',
            "sc": undefined
        }, {
            field: 'price',
            title: '联系方式'
        }, {
            field: 'name',
            title: '详情',
            formatter: btnGroup(),
            events: 'actionEvents'
        }],
        pageList: [2, 20, 50],
        pageSize: 2,
        data: [{
            id: 1,
            name: 'Item 1',
            price: '$1'
        }, {
            id: 2,
            name: 'Item 2',
            price: '$2'
        }, {
            id: 2,
            name: 'Item 2',
            price: '$2'
        }, {
            id: 2,
            name: 'Item 2',
            price: '$2'
        }, {
            id: 2,
            name: 'Item 2',
            price: '$2'
        }, {
            id: 2,
            name: 'Item 2',
            price: '$2'
        }, {
            id: 2,
            name: 'Item 2',
            price: '$2'
        }]

    })
})

function nowMenus(index) {
    var menus = ['学术讲座', '对外交流', '邀请访问', '产品介绍', '专利及软件', '成果转换']
    $('.menus-now').text(menus[index - 1])
}

function btnGroup(index, row, element) {
    var str = `<a href="javascript:;" class='detail'>详情</a>`
    return str
}

function showTable() {
    $('.table-box').show()
    $('.text-content').hide()
    $('.subMenus-text').hide()
}